<template>
	<view class="page_content">
    <z-nav-bar id="nav" bgColor="#ffffff" title="洗衣小常识"></z-nav-bar>
		<view style="font-size: 36rpx;font-weight: bold;color: #222;">
			{{common.title}}
		</view>
		<view style="font-size: 24rpx;margin: 12rpx 0;">
			<text style="color: #44689D;">{{common.createUserName}}</text>
			<text style="color: #999999;margin-left: 16rpx;">{{common.createTime}}</text>
		</view>
		<view style="width:100%;">
      <up-parse :content="common.content"></up-parse>
<!--      <rich-text :nodes="common.content"></rich-text>-->
    </view>
	</view>
</template>

<script setup>

// import {getTutorial} from '@/api/index/home.js';
import { onMounted,ref} from "vue";
import {knowledgeQueryLast} from '@/api/pagesShop'
const common = ref({})
knowledgeQueryLast().then(res=>{
  common.value = res
})

</script>

<style>
	page{
		background-color: #fff;
	}
</style>
<style lang="scss">
.page_content{
  width: 100%;
  padding: 0 32rpx;
	//margin: 24rpx 32rpx;
}
</style>
